.bottom {
    position: fixed;
    bottom: 0;
    height: .8rem;
    width: 100vw;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: #fff;

    li {
        font-size: .24rem;

        img {
            width: .4rem;
        }

        &:nth-child(1),
        &:nth-child(2),
        &:nth-child(3) {
            width: 1rem;
        }

        &:nth-child(4),
        &:nth-child(5) {
            flex: 1;

            div {
                height: .7rem;
                line-height: .7rem;
                border-radius: .35rem;
                font-size: .3rem;
                color: #fff;
                margin: 0 .1rem;
            }
        }

        &:nth-child(4) div {
            background: #e91e63;
        }

        &:nth-child(5) div {
            background: #eca847;
        }
    }
}

.myDrawer {
    text-align: left;

    .topper {
        position: relative;
        height: 2rem;

        .productImg {
            width: 2rem;
            position: absolute;
            left: .2rem;
            top: -.4rem;
        }

        .rightTitle {
            position: absolute;
            width: calc(100vw - 2.4rem);
            right: 0;

            .price {
                color: #e91e63;
                font-size: .36rem;
            }

            .title {
                font-size: .32rem;
            }
        }

        .closeIcon {
            position: absolute;
            width: .5rem;
            height: .5rem;
            right: .2rem;
            top: .2rem;
        }

    }

    .container {
        height: 5rem;
        overflow-y: auto;

        .group {

            .title {
                color: #acacac;
                height: .8rem;
                line-height: .8rem;
                padding: 0 .4rem;
            }

            .options {

                li {
                    background: #eee;
                    margin: auto;
                    margin-top: .2rem;
                    padding-left: .2rem;
                    height: .8rem;
                    line-height: .8rem;
                    width: 90%;
                    border-radius: .2rem;
                    font-size: .32rem;
                }

                .selected {
                    background: #e91e63;
                    color: #fff;
                }
            }
        }

        .count {
            display: flex;
            justify-content: space-between;
            margin: .4rem;
            line-height: .4rem;

            .title {
                color: #acacac;
            }

            .input {
                display: flex;
                width: 1.54rem;
                text-align: center;
                border-radius: .1rem;
                overflow: hidden;

                .add,
                input,
                .minus {
                    width: .5rem;
                    height: .5rem;
                    border: none;
                    background: #eee;
                    text-align: center;

                    img {
                        width: 70%;
                        vertical-align: middle;
                    }
                }

                input {
                    margin: 0 .02rem;
                }
            }

        }
    }

    .bottom {
        position: fixed;
        bottom: 0;
        height: 1rem;

        .confirm {
            height: 100%;
            width: 100%;
            line-height: 1rem;
            text-align: center;
            font-size: .4rem;
            color: #fff;
            background: #e91e63;
        }
    }
}